<?php $this->load->module('mobile/index/header', $common); ?>
<style>
    .c_header_name {
        display: block;
        font-family:inherit;
        font-size:.9rem;
        color: #fff;
    }
    .c_header_etra{
        font-size:.9rem;


        font-family:inherit;
        display: block;
        color: #fff;

    }


    .navblock span.arrow {
        display: inline-block;
        width: 12px;
        height: 15px;
        overflow: hidden;
        position: absolute;
        right: 18px;
        top: 17px;
    }


    .navblock span.arrow:before {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        border-left: 1px solid #bbb;
        border-top: 1px solid #bbb;
        margin: 2px 0 0 -2px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
          transform: rotate(135deg);
    }

    .center-nav-wrap{height: 6rem;width: 100%;padding: 7px 0 ;}
    .center-nav-wrap .list-item{float:left;display:block;width:25%;text-align: center;}
    .center-nav-wrap .list-item p{font-size:.8rem; padding-top: 3px;}

    .center-nav-wrap .list-item .in-icon-wrap{display:block;height: 3rem;width: 3rem;border-radius: 50%;background: #FF8885;margin: 0 auto;}

    .center-nav-wrap .list-item:nth-child(1) .in-icon-wrap{background: rgba(90, 190, 130, 0.88);}
    .center-nav-wrap .list-item:nth-child(2) .in-icon-wrap{background: rgba(251, 204, 39, 0.98);}
    .center-nav-wrap .list-item:nth-child(3) .in-icon-wrap{background: rgba(24, 121, 190, 0.88);}
    .center-nav-wrap .list-item .in-icon-wrap i{color: #fff;line-height: 3rem;font-size: 1.2rem;}

</style>


<!-- 页面内容块 -->
<div class="content">
    <div class="member_state_con bd_bottom_hsline">

            <div class="headavatar">
                <img onerror="this.error=null;this.src='<?php echo URLPRE; ?>static/public/images/nophoto.jpg'" src="<?php echo $info['avatar']; ?>">
            </div>

            <span class="c_header_name"><?php echo $info['username'] ; ?></span>


             <span class="c_header_etra"><?php echo $info['mobile'] ; ?></span>
    </div>

    <div class="center-nav-wrap">
        <ul class="nav-list">
            <li class="list-item">
                <a href="<?php echo site_url('mobile/hotel/book') ?>">
                <span class="in-icon-wrap"><i class="fa fa-ticket"></i></span>
                <p>立即预定</p>
                </a></li>

            <li class="list-item">
                <a  href="<?php echo site_url('mobile/order/hotel_list') ?>">
                    <span class="in-icon-wrap"><i class="fa fa-list"></i> </span>
                    <p>全部订单</p>
                </a>
            </li>

            <li class="list-item">
                <a  href="<?php echo site_url('mobile/order/hotel_list?type=2') ?>">
                <span class="in-icon-wrap"><i class="fa fa-hourglass-end"></i> </span>
                    <p>未完成</p>
                </a>
            </li>
            <li class="list-item">
                <a  href="<?php echo site_url('mobile/order/hotel_list?type=1') ?>">
                    <span class="in-icon-wrap"><i class="fa fa-exchange"></i> </span>
                    <p>已完成</p>
                </a>
            </li>


        </ul>
    </div>

    <div class="navblock">
        <div class="personinfo">
            <article>



                <div class="bg_gray_d">
                    <span class="c_list_header fl"> <i class="fa fa-user"></i> </span>
                    <h1 class="divblock"><a  href="<?php echo site_url('mobile/member/profile') ?>">个人资料</a>
                    </h1>
                    <span class="arrow"></span>
                </div>

                <div class="bg_gray_d">
                    <span class="c_list_header fl"> <i class="fa fa-feed"></i> </span>
                    <h1 class="divblock"><a
                            href="<?php echo $aboutus_url;?>">关于我们</a>
                    </h1>
                    <span class="arrow"></span>
                </div>

                <div class="bg_gray_d">
                    <span class="c_list_header fl"> <i class="fa fa-envelope-o"></i> </span>
                    <h1 class="divblock"><a
                            href="<?php echo $contactus_url;?>">联系我们</a>
                    </h1>
                    <span class="arrow"></span>
                </div>

                <div class="bg_gray_d">
                    <span class="c_list_header fl"> <i class="fa fa-paper-plane"></i> </span>
                    <h1 class="divblock"><a href="<?php echo $map_url;?>">地图导航</a>
                    </h1>
                    <span class="arrow"></span>
                </div>

              <!--  <div class="bg_gray_d"><span class="c_list_header fl"><i
                            class="fa fa-cubes "></i>   </span>

                    <h1 class="divblock last-item"><a
                            href="<?php /*echo site_url('hm/index') */?>">我是管理员</a>
                    </h1>
                    <span class="arrow"></span></div>-->


                <div class="bg_gray_d"><span class="c_list_header fl"><i
                            class="fa fa-trash-o "></i>   </span>

                    <h1 class="divblock last-item"><a
                            href="<?php echo site_url('mobile/index/clear') ?>">退出登录</a>
                    </h1>
                    <span class="arrow"></span></div>

            </article>
        </div>
    </div>
</div>
<?php $this->load->module('mobile/index/footer', $common); ?>
